import { StyleSheet } from 'react-native';

import { APP_BLACK, APP_RED, APP_YELLOW } from '../../../../constant/color';
import { phonePx } from '../../../../util/adapt';
import statusBarManager from '../../../../util/native/statusBarManager';

const statusBarHeight = statusBarManager.getStatusBarHeight();

export default StyleSheet.create({
  container: {
    height: phonePx(250) + statusBarHeight,
    backgroundColor: APP_YELLOW
  },
  back: {
    position: 'absolute',
    left: phonePx(14),
    top: phonePx(12) + statusBarHeight,
    width: phonePx(20),
    height: phonePx(20),
    alignItems: 'center',
    justifyContent: 'center'
  },
  backIcon: {
    width: phonePx(8),
    height: phonePx(15)
  },
  background: {
    width: phonePx(201),
    height: phonePx(142),
    alignSelf: 'center',
    marginTop: phonePx(53) + statusBarHeight
  },
  status: {
    alignSelf: 'center',
    marginTop: phonePx(17),
    fontSize: phonePx(18),
    fontWeight: '500',
    color: APP_BLACK
  },
  fail: {
    backgroundColor: APP_RED
  }
});
